import React from "react";
import { useLocation } from "react-router-dom";

// 定义Detail组件
const Detail = () => {
  // 使用useLocation钩子获取当前路由的location对象
  const location = useLocation();
  // 从location对象中获取state属性，即传递过来的数据
  const v = location.state
  // 返回一个包含图片、标题和描述的div
  return <div>
    <img src={v.url} alt="" width={'100%'} />
    <h1>{v.name}</h1>
    <p>{v.title}</p>
  </div>;
};

// 导出Detail组件
export default Detail;
